<template>
  <Layout>
    <div class="flex flex-col items-center justify-center min-h-[calc(100vh-80px)] text-gray-700 fade-in">
      <i class="fas fa-home text-6xl mb-4 text-indigo-500"></i>
      <h1 class="text-3xl font-bold mb-2">欢迎来到宠物商城管理系统</h1>
      <p class="text-lg">请使用左侧导航栏访问各个功能模块。</p>
    </div>
  </Layout>
</template>

<script setup>
import Layout from '../components/Layout.vue'
// 可以根据需要添加其他逻辑
</script>

<style scoped>
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

.fade-in {
  animation: fadeIn 0.3s ease-out;
}
</style> 